<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }

    div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    table {
        border: 1px solid #868686;
    }

    td {
        padding: 5px;
        border: 1px solid #fc0606;
    }

    .a1 {
        height: 30px;
        line-height: 30px;
        font-size: 20px;
        font-weight: 500;
        margin-top: 5px;
        border: 1px solid #fc0606;
    }
</style>

<body>
    <script>
        //2、超市迎国庆，回馈新老客户，消费满1000元，商品打9.5折；满500元，打9.8折，根据用户消费金额，计算找零信息(用函数实现)
        //思考
        //1.第一个函数 ： 一种商品    单价  数量      花费的钱数    封装
        //2.第二个函数：  多种 商品  （while 循环 ，合适条件 结束循环）   不断调用  一种 花的钱数    累加      最后总共花多钱
        //和1000     请付钱数，找零（调用）
        //找零  减法   封装函数


        // 获取商品 数据
        function getCommodity() {
            var i = 0;
            var listArr = [];  // 定义一个 购买清单
            while (true) {
                var commodityName = prompt('请输入商品名称/00结束');
                if (commodityName == '00') {
                    return listArr;
                }
                var commodityNumber = +prompt('请输入商品个数');
                var commodityPrice = +prompt('请输入商品单价');

                var commodityArr = [];
                commodityArr[0] = commodityName;
                commodityArr[1] = commodityNumber;
                commodityArr[2] = commodityPrice;
                commodityArr[3] = commodityNumber * commodityPrice;

                listArr[i] = commodityArr;  // 将商品属性 重新定义一个数组

                i++;
                // console.log(i);
            }
        }

        // 客户 进行二次选择
        var list = getCommodity()
        console.log(list);

        function getSecondList() {
            var sum = 0;
            var y = prompt('您还选择购买吗? yes / no')
            if (y == 'yes') {
                var a = getCommodity()
                for (var i = 0; i < a.length; i++) {
                    list.push(a[i]);
                    sum += a[i][3]
                }
            } else {
                alert('感谢您的购买!欢迎您下次光临!')
            }
            return sum;
        }

        function getPrice() {
            var sum = 0;
            for (var i = 0; i < list.length; i++) {
                sum += list[i][3]
            }
            alert('您现在已消费' + sum.toFixed(2))

            // alert('您现在已消费' + sum.toFixed(2))
            // console.log(list);

            if (sum >= 1000) {

                alert('您已经满1000元，打9.5折.')

                var sum1 = getSecondList();  // 如果 用户还需要 购买则 进行 二次运算
                sum += sum1;

                sum = sum * 0.95;
                alert('您现在已消费' + sum.toFixed(2))

            } else if (sum >= 500) {
                alert('您已经满500元，打9.8折.你可以选择继续购买,消费满1000元，商品打9.5折')

                var sum1 = getSecondList();  // 如果 用户还需要 购买则 进行 二次运算
                sum += sum1;

                if (sum >= 1000) {
                    alert('您已经满1000元，打9.5折.')
                    sum = sum * 0.95;
                    alert('您现在已消费' + sum.toFixed(2))

                } else if (sum >= 500) {
                    alert('您已经满500元，打9.8折')
                    sum *= 0.98;
                    alert('您现在已消费' + sum.toFixed(2))

                }

            } else {
                alert('消费满1000元，商品打9.5折；满500元，打9.8折.')

                var sum1 = getSecondList();  // 如果 用户还需要 购买则 进行 二次运算
                sum += sum1;

                if (sum >= 1000) {
                    alert('您已经满1000元，打9.5折.')
                    sum = sum * 0.95;
                    alert('您现在已消费' + sum.toFixed(2))

                } else if (sum >= 500) {
                    alert('您已经满500元，打9.8折.')
                    sum *= 0.98;
                    alert('您现在已消费' + sum.toFixed(2))

                }
            }
            // var a = getCommodity()
            var shopping = [sum.toFixed(2), list]
            return shopping;
        }
        // getPrice()
        var shopping = getPrice()
        var a = shopping[0];
        var b = shopping[1];
        // console.log(shopping, a, b);


        // 最后 所买商品  遍历!
        function spList() {
            var str = '<div><table>';
            var lastSum = 0;
            for (var i = 0; i < b.length; i++) {
                str += '<tr><td>' + '商品名字:' + b[i][0] + '</td><td>' + ',商品数量:' + b[i][1] + '</td><td>' + ',商品单价:' + b[i][2] + '</td><td>' + ',该商品总价:' + b[i][3] + '</td></tr>'
                lastSum += b[i][3];
            }
            str += '</table></div>';
            var spList = [str, lastSum];
            return spList;
        }
        var spList = spList();

        document.write(spList[0]);
        document.write('<div class="a1">您打折前消费:' + spList[1] + '</div>');
        document.write('<div class="a1">您打折后总共消费:' + a + '</div>')

    </script>
</body>

</html>